<template>
  <i :class="[props.name,type]" v-if="props.name"></i>
  <span v-else>-</span>
</template>

<script setup>
  // fuifox图标组件一代目
  import { ref } from "vue";
  // 后续可添加style直接设置颜色大小
  const props = defineProps({
    name: {
      type: [String,Object],
      required: true,
      default: ''
    }
  })
  const type = ref('iconfont')
  // 后续根据不同的 类名前缀进行判断以支持各个图标库
  if(typeof props.name === 'string'){
    if(props.name.indexOf('icon-') === 0){
      type.value = 'iconfont'
    }
  }
</script>

<style scoped>

</style>
